<ion-header class="borrow-money-header">

  <ion-navbar>
    <ion-title>猴哥贷</ion-title>

    <ion-buttons class="do-help" end (click)="doHelp()">
      <button ion-button icon-only>
      </button>
    </ion-buttons>
  </ion-navbar>

</ion-header>

<ion-content class="borrow-money-section">

  <div *ngIf="borrowQuotaList">
    <div class="card-group"
         *ngFor="let item of borrowQuotaList; let i= index">
      <ion-card>
        <img src={{item.backImg}}/>
        <div class="card-title" *ngIf="item.lock ||i===0">持卡人</div>
        <div class="card-subtitle"
             [class.hide]="!item.lock"
        >{{userInfo? userInfo.realname: ''}}</div>
        <div class="lock" *ngIf="!item.lock"></div>
      </ion-card>
      <div class="card-info">*{{item.footText}}*</div>
    </div>
  </div>

  <!-- 右下悬浮显示添加 -->
  <ion-fab class="do-borrow"
           [class.moveTop]="fabBtnText === '提升额度'">
    <button ion-fab
            (click)="executeBorrowModal()"
            [class.addOpacity]="needAddaOpacity"
    >{{fabBtnText}}</button>
  </ion-fab>

  <!--上拉刷新-->
  <ion-refresher (ionRefresh)="executeRefresh($event)">
    <ion-refresher-content color="light"></ion-refresher-content>
  </ion-refresher>
</ion-content>

<!--借款picker-->
<borrow-picker #borrowPicker
               *ngIf="!borrowModalStatus"
               [options]="borrowPickerStore"
               (selectedVal)="selectedVal($event)"
               (cancelEvent)="cancelEvent($event)"
></borrow-picker>
<!--借款进度-->
<borrow-progress #borrowProgress
                 *ngIf="borrowModalStatus"
                 [options]="borrowProgressStore"
                 (cancelEvent)="cancelEvent($event)"
></borrow-progress>
